<template>
	<SnowyFormDesign
		ref="formDesign"
		:show-head="false"
		:toolbars="['preview', 'reset', 'importJson', 'exportJson']"
		show-toolbars-text
		:database-config="formTableValue"
		:fields="formDesignFields"
		:dictData="dictData"
	/>
</template>

<script setup name="index">
	const formDesign = ref()
	// 表格中要选择数据库表字段，可以吧这个配置进去，不配置不会出现选择字段的
	const formTableValue = ref()
	// 表单设计器可以拖的组件
	const formDesignFields = [
		'input',
		'textarea',
		'number',
		'select',
		'checkbox',
		'radio',
		'date',
		'time',
		'rate',
		'slider',
		'uploadFile',
		'uploadImg',
		'treeSelect',
		'batch',
		'editor',
		'switch',
		'alert',
		'text',
		'html',
		'divider',
		'card',
		'grid',
		'table',
		'xnUserSelector',
		'xnInput'
	]

	// 字典数据，按照Snowy前端的缓存字段给进去就行，主要用于下拉框、单选、多选的动态数据
	const dictData = ref([])

	// 获取数据
	const getValue = () => {
		return formDesign.value.getValue()
	}
	// 给set数据
	const setValue = (value) => {
		return formDesign.value.setValue(value)
	}
</script>

<style scoped></style>
